﻿<div ng-controller="ResearchMenuIndexController" class="nav">
    <ul class="main-nav">
        <li>
            <a data-ng-class="{active : researchMenuIndex.getCurrentPath() === '/home'}" href="#/home">
                <div class=" nav-tab-img" id="tab1">&nbsp;</div>
                Home
            </a>
        </li>
        <li class="ng-class: researchMenuIndex.hasPortfolioPermission ? '' : 'disabled'">
            <a data-ng-class="{active : researchMenuIndex.getCurrentPath() === '/portfolios'}" href="#/portfolios">
                <div class="nav-tab-img" id="tab2">&nbsp;</div>
                Portfolio
            </a>
        </li>
        <li>
            <a data-ng-class="{active : researchMenuIndex.getCurrentPath() === '/research'}" href="#/research">
                <div class="nav-tab-img" id="tab3">&nbsp;</div>
                Research
            </a>
            <ul>
                <li><a href="#/research/globalcompact">Global Compact</a></li>
                <li><a ng-href="{{researchMenuIndex.multiCompanyReportLink}}">Product Involvement</a></li>
            </ul>
        </li>
        <li>
            <a data-ng-class="{active : researchMenuIndex.getCurrentPath() === '/tools' }" href="#/tools">
                <div class="nav-tab-img" id="tab4">&nbsp;</div>
                Tools
            </a>
        </li>
    </ul>
</div>